
@define-mixin middle-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

@define-mixin vertical-center {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

@define-mixin horizon-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
